<template>
	<view style="display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;"
	:style="{
	    'background': nodeModel.background,
		'marginTop': nodeModel.marginTop+'rpx',
		'marginLeft': nodeModel.marginLeft+'rpx',
		'marginRight': nodeModel.marginLeft+'rpx',
		'paddingTop': nodeModel.paddingTop+'rpx',
		'paddingBottom': nodeModel.paddingBottom+'rpx',
		'paddingLeft': nodeModel.paddingLeft+'rpx',
		}">
		<view v-for="(item, index) in itemList" :key="index" @click="itemHandle(item)">
			<jc-iteminfo-container :nodeModel='nodeModel' :item='item'></jc-iteminfo-container>
		</view>
	</view>
</template>

<script>
	import {count} from '@/common/utils/count.js'
	export default{
		name: 'jc-itemList',
		props: {
			nodeModel: {
				type: Object,
				default: {}
			},
			itemList: {
				type: Array,
				default(){return []}
			}
		},
		data() {
			return {
			}
		},
		methods:{
			itemHandle(e){
				this.$emit('itemHandle', e)
			}
		}
	}
</script>

<style>
</style>
